@charset "utf-8";
/* CSS Document */


/**common**/
*{ margin:0; padding:0;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:14px/1.5 Arial,Helvetica,\5FAE\8F6F\96C5\9ED1,sans-serif;}
table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:14px;}
ol,ul {list-style:none;}
li { list-style-type:none;}
img { border:0;}
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:normal;}
.clear { clear:both; *zoom:1;}
.clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;outline: none}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #303030;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #303030;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #303030;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #303030;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Microsoft Edge */
	color: #303030;
}

.fl { float:left;}
.fr { float:right;}
@font-face { font-family: "Helvetica"; src: url('../fonts/Helvetica.ttf'); }
@font-face { font-family: "HelveticaBold"; src: url("../fonts/HelveticaBold.ttf");}
@font-face { font-family: "Helvetica-Roman-SemiB"; src: url("../fonts/Helvetica-Roman-SemiB.ttf");}
@font-face { font-family: "OppoSansBold"; src: url("../fonts/OppoSansBold.ttf");}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:3px;}/* 滚动槽宽度 */
::-webkit-scrollbar-track { background-color:rgba(255,255,255,0.11); border-radius:0px;}
::-webkit-scrollbar-thumb { background-color:#008fe9;} /* 滚动条滑块默认状态 */
::-webkit-scrollbar-thumb:window-inactive { background-color:#008fe9;} /* 滚动条滑块点击状态 */


/*头部 开始*/
.ly_top { width:100%; height:100px; margin:0; padding:0; background-color:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:9999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_top .lytop_main { width:1400px; height:auto; margin:0 auto; padding:0; position:relative;}
.lytop_main .ly_logo { width:20%; height:60px; overflow:hidden; margin:20px 0; padding:0; float:left;}
.ly_logo a { display: table-cell; vertical-align: middle; width:100%; height:60px; overflow:hidden; margin:0; padding:0;}
.ly_logo a img { display:inline-block; max-width:100%; height:auto; max-height:100%; margin:0; padding:0;}
.ly_logo a img.logo2 { display:none;}

.lytop_main .lytop_right { margin:30px 0 30px 30px; float:right;}
.lytop_right .lytop_tel { display:none; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:32px; font-weight:bold; margin:0 20px 0 0; padding:0; float:left;}
.lytop_right .lytop_tel img { display:block; width:32px; height:32px; overflow:hidden; margin:4px 8px 4px 0; padding:0; float:left;}

.lytop_right .lytop_search { height:40px; margin:0; padding:0; float:left; position:relative; z-index:2;}
.lytop_search form { width:40px; height:40px; margin:0; padding:0; position:relative;}
.lytop_search form .sc_ipt { width:0; height:40px; overflow:hidden; margin:0; padding:0; position:absolute; left:0; top:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.lytop_search form .sc_ipt input { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#999999; font-size:14px; margin:0; padding:0 14px; background-color:#fff; border:1px solid #dfdfdf; border-right:0; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lytop_search form .sc_btn { width:40px; height:40px; overflow:hidden; margin:0; padding:0; float:right;}
.lytop_search form .sc_btn input { display:block; width:40px; height:40px; overflow:hidden; margin:0; padding:0; background:url(../images/SSbtn_icon1.png) center center no-repeat; background-size:40px 40px; border:0; outline:none; cursor:pointer;}
.lytop_search:hover form .sc_ipt { width:260px; left:-260px;}
.lytop_search:hover form .sc_btn input { background:#008fe9 url(../images/SSbtn_icon1.png) center center no-repeat;}

.fxd .ly_top { background-color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.fxd .ly_logo a img.logo1 { display:none;}
.fxd .ly_logo a img.logo2 { display:inline-block;}
.fxd .lytop_search form .sc_btn input { background:url(../images/SSbtn_icon2.png) center center no-repeat;}
.fxd .lytop_search:hover form .sc_btn input { background:#008fe9 url(../images/SSbtn_icon1.png) center center no-repeat;}

@media (max-width:1440px) {
	.ly_top .lytop_main { width:94%;}
	.lytop_main .ly_logo { width:24%;}
	.lytop_main .lytop_right { margin:30px 0 30px 20px;}
	.lytop_right .lytop_tel { font-size: 32px;}
}
@media (max-width:1280px) {	
	.ly_top { height:80px;}
	.lytop_main .ly_logo { margin:10px 0;}
	.lytop_main .lytop_right { margin:20px 60px 20px 20px;}
	
	.lytop_search form { width:280px; background-color:#f5f5f5;}
	.lytop_search form .sc_ipt { width: 240px; left: 0;}
	.lytop_search:hover form .sc_ipt { width: 240px; left: -240px; left: 0;}
	.lytop_search form .sc_btn input { background:#008fe9 url(../images/SSbtn_icon1.png) center center no-repeat;}
	.fxd .lytop_search form .sc_btn input { background:#008fe9 url(../images/SSbtn_icon1.png) center center no-repeat;}
}
@media (max-width:1200px) {
	.lytop_main .ly_logo { width:24%;}
	.lytop_main .lytop_right { margin: 20px 60px 20px 0;}
	.lytop_right .lytop_tel { margin:0 24px 0 0;}
}
@media (max-width:1024px) {
	
}
@media (max-width:800px) {
	.ly_top { width:100%; height: auto; margin:0; padding:0;}
	.lytop_main .ly_logo { width:50%; height:50px; margin:15px 0;}
	.ly_logo a { height:50px;}

}
@media (max-width: 767px) {
	.ly_top { width:100%; height: auto; margin:0; padding:0 0 20px; background-color:#fff; position:inherit; left:inherit; top:inherit; -webkit-animation-fill-mode: inherit!important;  animation-fill-mode: inherit!important;}
	.ly_top .lytop_main { width:92%;}
	.lytop_main .ly_logo { width:80%; height:50px; margin:0; padding:15px 0; background:none;}
	.ly_logo a { height:50px;}
	.lytop_main .lytop_right { width:100%; margin:0 auto; padding: 0;}
	.lytop_right .lytop_tel { position:absolute; top:20px; right:60px; margin:0; float:inherit; display:none;}
	.lytop_right .lytop_search { width:100%; margin:0;}
	.lytop_search form { width:100%; padding:0 40px 0 0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.lytop_search form .sc_ipt { width:100%; position:inherit; left:inherit; top:inherit;}
	.lytop_search:hover form .sc_ipt { width:100%; left:0;}
	.lytop_search:hover form .sc_ipt { left: 0;}
	.lytop_search form .sc_btn { position:absolute; top:0; right:0;}	
	.ly_logo a img.logo1 { display:none;}
	.ly_logo a img.logo2 { display:inline-block;}
}

/*导航栏 开始*/
.ly_nav { width:auto; height:auto; margin:0; padding:0; float:right;}
.ly_nav li, .ly_nav a {	text-decoration: none; list-style: none;}
.ly_nav ::-webkit-scrollbar { display: none;}
.ly_nav .nav_list { width:100%; margin:0 auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li { display:inline-block; width:auto; position: relative; list-style: none; padding:0 20px; float:left; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li:last-child { background:none;}
.ly_nav .nav_list > ul > li:hover {}
.ly_nav .nav_list > ul > li > a { display: inline-block; width:100%; line-height: 60px; color: #fff; font-size: 16px; text-align:center; padding: 20px 0; margin: 0; text-decoration: none; position:relative; z-index:1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li:hover, .ly_nav .nav_list > ul > li.active {}
.ly_nav .nav_list > ul > li:hover > a, .ly_nav .nav_list > ul > li.active > a { color: #fff;}
.ly_nav .nav_list > ul > li > em { display:block; width:100%; height:0; overflow:hidden; background-color:#008fe9; margin:0; padding:0; position:absolute; bottom:0px; left:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.ly_nav .nav_list > ul > li:hover > em, .ly_nav .nav_list > ul > li.active > em { height:100%;}
.ly_nav .nav_list > ul > li i { display:inline-block; width:20px; height:20px; background:url(../images/down.png) center center no-repeat; background-size:20px 20px; vertical-align:middle; cursor:pointer; margin:0; display:none;}
.ly_nav .nav_list > ul > li i.cur{ background:url(../images/up.png) center center no-repeat; background-size:10px 10px; text-decoration:none;}
.ly_nav .nav_list > ul > li ul { display:none; width:160%; overflow:hidden; background-color:#fff; box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); position:absolute; left:-30%; top:100px; z-index:9;}
.ly_nav .nav_list > ul > li:hover ul { display:block;}
.ly_nav .nav_list > ul > li ul li { width:100%; overflow:hidden; margin:0 auto; padding:0; border-bottom:1px solid rgba(85, 87, 89, 0.1);}
.ly_nav .nav_list > ul > li ul li:last-child { border:0;}
.ly_nav .nav_list > ul > li ul li a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#555; font-size:14px; text-align:center; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li ul li a:hover { color:#008fe9;}
.ly_nav .nav_menu { display: none;}

.fxd .ly_nav .nav_list > ul > li > a { color:#333;}
.fxd .ly_nav .nav_list > ul > li:hover > a, .fxd .ly_nav .nav_list > ul > li.active > a { color: #fff;}
@media (max-width:1366px) {
	.ly_nav .nav_list > ul > li { padding:0 16px;}
}
@media (max-width:1280px) {
	.ly_nav { height:0; margin:0;}
	.ly_nav .nav_list { width: 60%; height: 100%; margin:0; padding: 0; position:fixed; top: 0; left: -100%; z-index: 9999; transition: 0.5s; -webkit-transition: 0.5s;}
	.ly_nav .nav_list ul { width:60%; height:100%; background-color: #fff; position:relative; z-index:9999;}
	.ly_nav .nav_list .nav_mask { width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6); position:absolute; left:0; top:0; z-index:9998;}
	.ly_nav .nav_list ul > li { width: 100%; overflow: hidden; margin:0 auto; padding:0; background:none; box-sizing:border-box; position:relative;}
	.ly_nav .nav_list ul > li a { display:block; width: 100%; line-height:60px; color:#555; font-size:16px; text-align:left; padding:0 60px 0 20px; border-bottom:1px solid rgba(85, 87, 89, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.ly_nav .nav_list > ul > li:hover, .ly_nav .nav_list > ul > li.active { background-color:#008fe9;}
	.ly_nav .nav_list > ul > li:hover > a, .ly_nav .nav_list > ul > li.active > a { color: #fff; border-bottom:1px solid #008fe9;}
	.ly_nav .nav_list > ul > li > em { display:none;}
	.ly_nav .nav_list > ul > li i { display:block; width:60px; height:60px; background-size:20px 20px; position:absolute; top:0; right:0; z-index:2;}
	.ly_nav .nav_list > ul > li:hover i, .ly_nav .nav_list > ul > li.active i, .ly_nav .nav_list > ul > li i.cur { background-size:20px 20px; background:url(../images/down1.png) center center no-repeat;}
	.ly_nav .nav_list > ul > li ul { width:100%; overflow:hidden; position:inherit; left:inherit; top:inherit; box-shadow:none; border:0; border-radius:0; border-bottom:1px solid rgba(85, 87, 89, 0.1);}
	.ly_nav .nav_list > ul > li:hover > em, .ly_nav .nav_list > ul > li.active > em { display:none;}
	.ly_nav .nav_list > ul > li ul li a { height:48px; line-height:48px; color:#888; text-align:left; border:0; padding:0 40px;}
	
	.ly_nav .nav_menu { display: block; width:22px; padding:11px 9px; background-color:#008fe9; border-radius:0; margin: 0; position:absolute; top:20px; right:0;}
	.ly_nav .nav_menu span { display: block; width: 100%; height: 2px; background-color: #fff; border-radius: 1px;}
	.ly_nav .nav_menu span + span { margin-top: 6px;}
	.ly_nav .open { width:100%; overflow: auto; left: 0%;}
	
	.ly_nav .nav_menu:active { background-color:#008fe9;}
}
@media (max-width:1200px) {
	
}
@media (max-width:1080px) {
	
}
@media (max-width:1024px) {
	
}
@media (max-width:800px) {
	.ly_nav .nav_menu { top:20px;}
}
@media (max-width: 767px) {
	
}
@media (max-width: 375px) {
	
}
@media (max-width: 320px) {
	
}
/*导航栏 结束*/
/*头部 结束*/

/*ly_foot 开始*/
.ly_links { width:100%; overflow:hidden; margin:0 auto; padding:0 0 30px; border-bottom:1px solid rgba(255,255,255,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lylink_main { width:100%; height:102px; max-width:1400px; overflow:hidden; margin:0 auto; padding:0 0 0 120px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lylink_main .lylink_tit { width:110px; height:102px; overflow:hidden; line-height:26px; color:#fff; font-size:17px; text-align:center; margin:-51px 0 0; padding:25px 13px 25px 5px; background:url(../images/lkbg.png) center center no-repeat; position:absolute; left:0; top:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lylink_tit span { font-size:19px; font-weight:bold;}
.lylink_main p { width:100%; height:70px; overflow-y:scroll; line-height:30px; color:#d2d2d2; font-size:15px; margin:16px 0; padding:5px 20px 5px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lylink_main p a { color:#d2d2d2;}
.lylink_main p a:hover { color:#fff;}

.lyFt_scroll { width:80px; height:60px; margin:0 0 0 -40px; padding:10px 0; background-color:#fff; border-radius:50%; box-shadow:0 5px 10px rgba(0,0,0,0.05); position: absolute; left:50%; top:0; z-index:99;}
.lyFt_scroll img { display:block; width:36px; height:36px; overflow:hidden; margin:0 auto 4px; padding:0;}
.lyFt_scroll span { display:block; width:100%; overflow:hidden; line-height:20px; color:#d3d3d3; font-size:12px; text-align:center; margin:0 auto; padding:0;}

.ly_foot { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:100px 0 0; _background-color:#fafafa; position:relative;}
.ly_foot1 { background-color:#fff;}
.ly_foot .lyFoot_container { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0; background-color:#3c434d;}
.ly_foot .lyFoot_main { width:1400px; height:auto; margin:0 auto; padding:0;}
.lyFoot_main .lyFoot_fl { width:40%; height:auto; margin:0; padding:50px 50px 50px 0; border-right:1px solid rgba(255,255,255,0.1); float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFoot_fl .lyFootFl_logo { width:250px; height:60px; overflow:hidden; margin:0 0 20px; padding:0;}
.lyFoot_fl .lyFootFl_text { width:100%; overflow:hidden; margin:0; padding:0;}
.lyFootFl_text dl dd { width:100%; overflow:hidden; line-height:30px; color:#9297a1; font-size:15px; margin:0 0 5px; padding:0 0 0 25px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFootFl_text dl dd img { display:block; width:20px; height:20px; margin:0; padding:0; position:absolute; left:0; top:5px;}
.lyFoot_fl .lyFootFl_ico { margin:12px 0 0;}
.lyFootFl_ico a { display:block; width:36px; height:36px; margin:0 12px 0 0; padding:0; background-color:#333941; border-radius:50%; float:left; position:relative;}
.lyFootFl_ico p{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;} 
.lyFootFl_ico a img.ftIco { display:block; width:30px; height:30px; margin:3px auto; padding:0; opacity:0.6;}
.lyFootFl_ico a span { display:none; width:100px; height:100px; overflow:hidden; margin:0 0 0 -50px; padding:0px; background-color:#fff; border-radius:3px; position:absolute; left:50%; bottom:40px; z-index:9;}
.lyFootFl_ico a span img { display:block; width:100px; height:100px; overflow:hidden; margin:0 auto; padding:0;}
.lyFootFl_ico a:hover { background-color:#22a243;}
.lyFootFl_ico a:hover img.ftIco { opacity:1;}
.lyFootFl_ico a:hover span { display:block;}

.lyFoot_main .lyFoot_fr { width:60%; height:auto; margin:0; padding:60px 0 60px 120px; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFoot_fr ul li { width:30%; height:auto; margin:0; padding:0 20px 0 0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFoot_fr ul li:nth-child(3) { width:40%; padding:0;}
.lyFoot_fr ul li p { width:100%; height:20px; height:auto; line-height:20px; color:#d4d4d4; font-size:17px; font-weight:bold; margin:0 auto 10px; padding:0;}
.lyFoot_fr ul li p img { display:block; width:15px; height:12px; margin:4px 5px 4px -10px; padding:0; float:left;}
.lyFoot_fr ul li .ft1_list { width:100%; max-height:216px; overflow:hidden; margin:0; padding:0;}
.lyFoot_fr ul li .ft1_list a { display:block; width:100%; height:36px; overflow:hidden; line-height:36px; color:#d2d2d2; font-size:14px; white-space: nowrap; text-overflow: ellipsis; margin:0 auto; padding:0 0 0 12px; background:url(../images/ftjt1.png) center left no-repeat; background-size:6px 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFoot_fr ul li .ft1_list a:hover { color:#fff; background:url(../images/ftjt2.png) center left no-repeat; background-size:6px 8px;}

.lyFoot_copy { width:100%; overflow:hidden; margin:0 auto; padding:10px 0; background-color:#333941;}
.lyFoot_copy .lyFootCopy_main { width:1400px; overflow:hidden; margin:0 auto; padding:0;}
.lyFootCopy_main p { height:40px; line-height:40px; color:#d4d4d4; font-size:14px; margin:0; padding:0;}
.lyFootCopy_main p a { color:#d4d4d4; font-size:14px;}
.lyFootCopy_main p a:hover { color:#fff;}

.ly_foot:after{content:'';position:absolute;top: 0;left:0;width:7584px;height:100px;background:url(../images/float1.png) repeat-x;z-index:10;animation: wave 15s linear infinite;}
@keyframes wave {
    100% {
        transform: translateX(-50%);
    }
}
@media (max-width:1440px) {
	.lylink_main { width:94%; height:102px; max-width: inherit;}
	.ly_foot .lyFoot_main { width:94%;}
	.lyFoot_copy .lyFootCopy_main { width:94%;}
}
@media (max-width:1280px) {
	.lyFoot_main .lyFoot_fr { padding: 60px 0 60px 100px;}
}
@media (max-width:1200px) {
	.lyFoot_main .lyFoot_fr { padding: 60px 0 60px 80px;}
}
@media (max-width:1080px) {
	.lylink_main { max-width: 94%;}
	
	.ly_foot .lyFoot_main { width:94%;}
	.lyFoot_copy .lyFootCopy_main { width:94%;}
	.lyFoot_main .lyFoot_fr { padding: 60px 0 60px 60px;}
}
@media (max-width:1024px) {
	
}
@media (max-width:800px) {
	.lyFoot_main .lyFoot_fl { width:100%; padding:30px 0; border-right:0; border-bottom:1px solid rgba(255,255,255,0.1); float:inherit;}
	.lyFoot_main .lyFoot_fr { width:100%; padding:30px 0; float:inherit;}
	.lyFootCopy_main p { float:inherit!important; height:auto; line-height:30px;}
	
}
@media (max-width:767px) {
	.lylink_main { max-width: 92%;}
	
	.ly_foot .lyFoot_main { width:92%;}
	.lyFoot_copy .lyFootCopy_main { width:92%;}
	.lyFoot_main .lyFoot_fl { padding:12px 0; border:0; display:none;}
	.lyFoot_main .lyFoot_fr { display:none;}
	.lyFoot_fl .lyFootFl_ico { display:none;}
	.ly_links { padding:0 0 20px;}
	.lylink_main p { height:90px; font-size:14px; margin:6px 0}
}
@media (max-width:375px) {
	
}
@media (max-width:320px) {
	
}
/*ly_foot 结束*/

/*右侧客服 开始*/
.kfView { width:50px; height:auto; margin:0; padding:0; background-color:#fff; box-shadow:0 0 16px rgba(0,0,0,0.1);border-radius:20px 0 0 20px; position:fixed; top:20%; right:0; z-index:999; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.kfView .kfBtn { width:100%; overflow:hidden; margin:0 auto; padding:15px 10px 10px; cursor:pointer;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.kfBtn p i { display:block; width:30px; height:30px; overflow:hidden; margin:0 auto; padding:0;}
.kfBtn p i.kfHidd { background:url(../images/kf/kf_jt1.png) center center no-repeat; background-size:30px;}
.kfBtn:hover p i.kfHidd { background:url(../images/kf/kf_jt2.png) center center no-repeat; background-size:30px;}
.kfBtn p i.kfOpen { background:url(../images/kf/kf_jt3.png) center center no-repeat; background-size:30px;}
.kfBtn:hover p i.kfOpen { background:url(../images/kf/kf_jt4.png) center center no-repeat; background-size:30px;}

.kfView .kfMain { width:100%; height:auto; margin:0 auto; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.kfMain ul li { width:100%; height:auto; margin:0 auto; padding:0;}
.kfMain ul li a { display:block; width:100%; height:auto; margin:0 auto; padding:5px 10px 0; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.kfMain ul li a p {padding:0 0 10px; border-bottom:1px solid #ddd;}
.kfMain ul li:nth-child(1) a {padding:0 10px;}
.kfMain ul li:nth-child(1) a p { padding:5px 0 10px; border-top:1px solid #ddd;}
.kfMain ul li a p i { display:block; width:30px; height:40px; overflow:hidden; margin:0 auto; padding:0;}
.kfMain ul li a p i.kfIco { background:url(../images/kf/kf_ico03.png) center center no-repeat;background-size:30px;}
.kfMain ul li a p i.zxIco { background:url(../images/kf/kf_ico01.png) center center no-repeat;background-size:30px;}
.kfMain ul li a p i.telIco { background:url(../images/kf/kf_ico03.png) center center no-repeat;background-size:30px;}
.kfMain ul li a p i.gzIco { background:url(../images/kf/kf_ico04.png) center center no-repeat; background-size:27px;}
.kfMain ul li a p i.ddIco { background:url(../images/kf/kf_ico05.png) center center no-repeat; background-size:30px;}
.kfMain ul li:hover a p i.kfIco { background:url(../images/kf/kf_ico3.png) center center no-repeat;background-size:30px;}
.kfMain ul li:hover a p i.zxIco { background:url(../images/kf/kf_ico1.png) center center no-repeat;background-size:30px;}
.kfMain ul li:hover a p i.telIco { background:url(../images/kf/kf_ico3.png) center center no-repeat;background-size:30px;}
.kfMain ul li:hover a p i.gzIco { background:url(../images/kf/kf_ico4.png) center center no-repeat; background-size:27px;}
.kfMain ul li:hover a p i.ddIco { background:url(../images/kf/kf_ico5.png) center center no-repeat; background-size:30px;}
.kfMain ul li.kfTop a p { border:0;}
.kfMain ul li.kfTop a p span{ display:none;}
.kfMain ul li.kfTop a p i { display:block; width:30px; height:40px; overflow:hidden; margin:0 auto; padding:0;}
.kfMain ul li.kfTop a p i.topIco { background:url(../images/kf/kf_top1.png) center center no-repeat; background-size:28px;}
.kfMain ul li.kfTop:hover a p i.topIco { background:url(../images/kf/kf_top2.png) center center no-repeat; background-size:28px;}
.kfMain ul li.kfEwm a img { display:none; width:103px; height:103px; margin:0; padding:0; position:absolute; top:0; right:60px; max-width:inherit;box-shadow: 0 0 10px rgb(0 0 0 / 5%);}
.kfMain ul li.kfEwm:hover a img { display:block;}
.kfMain ul li .pf_tel{ display:none;font-size: 16px;color: #666;width: 200px;height: 102px;line-height: 30px;background: #fff;position: absolute;top: 0;right:60px;padding:20px;box-shadow: 0 0 10px rgb(0 0 0 / 5%);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.kfMain ul li .pf_tel b{ font-size:20px;font-weight:bold; color:#57c2e0; position:relative;}
.kfMain ul li .pf_tel b:before{content: attr(text);position: absolute; z-index: 10;  color: #1b2c6a;-webkit-mask: linear-gradient(to right, #1b2c6a 10%, transparent); max-width: 100%; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.kfMain ul li:hover .pf_tel{ display:block;}
.kfMain ul li a span { display:block; width:100%; overflow:hidden; line-height:16px; color:#333; font-size:14px; text-align:center; margin:0 auto; padding:0;}
@media (max-width:1440px) {
	.kfMain ul li.kfTop a p i { margin:0 auto;}
}
@media (max-width:767px) {
	.kfView { top:50%; transform:translateY(-50%); z-index:998;}
	.kfMain ul li.kfEwm{ display:none;}
}

/*右侧客服 结束*/